<template>
	<div class="back-ward" @click="onRouteBack">
		<span class="iconfont icon-header-arrow-left"></span>
	</div>
</template>

<script>
export default {
	name: 'BackWard',
	methods: {
		onRouteBack() {
			// 回退到上一路由
			this.$router.go(-1);
		}
	}
}
</script>

<style lang="scss" scoped>
@import '~styles/mixins.scss';
@import '~styles/variables.scss';

.back-ward {
	position: absolute;
	top: 0;
	left: 0;
	@include flex-row;
	@include vh-center;
	width: $headerHeight;
	height: $headerHeight;

	.iconfont {
		font-size: .2rem;
	}

}
</style>
